<script lang="ts" setup>
import { ref } from 'vue'
const textarea = ref('')
const tags = ['前端', '后端', 'Java', 'Android', 'Ios', '程序员', '开发编程', '人工智能']
</script>

<template>
  <div class=" mt-20">
    <el-container  class="max-w-[1200px] mx-auto">
      <div class="w-full">
        <div class="bg-white p-10 rounded-[10px]">
          <el-input
            v-model="textarea"
            placeholder="1、免费提问，提问内容越详细，结果越准确。
2、仅限提交技术相关问题，请勿提交技术无关内容。
3、Shift + Enter 换行"
            show-word-limit
            type="textarea"
            :autosize="{ minRows: 10, maxRows: 10 }"
          />
          <div class="flex justify-between mt-20">
            <div class="flex">
              <div class="mr-20" v-for="(item, index) in tags" :key="index">
                <el-check-tag class="" >{{item}}</el-check-tag>
              </div>
            </div>
            <el-button type="primary" class="ml-10">登录/注册</el-button>
          </div>

        </div>

        <div class="py-20">
          <el-tabs>
            <el-tab-pane label="大家的提问" name="1"></el-tab-pane>
            <el-tab-pane label="我的提问" name="2"></el-tab-pane>
          </el-tabs>
        </div>


      </div>
      <div class="w-200 ml-15">
        <div class="bg-white p-10 rounded-[10px]">n你好你好你好你好你好你好你好你好</div>
      </div>
    </el-container>
  </div>
</template>

<style lang="scss" scoped>

</style>


